@import 'public.less';
html,body{
    height: 100%;
    background:  @basebgcolor;
}
.header{
    .pxToRem(height,130);
    display: flex;
    .pxToRem(padding-left,80);
    .pxToRem(padding-right,80);
    .pxToRem(padding-top,50);
    justify-content: space-between;
    align-items: center;
    color: #fff;
    span{
        .pxToRem(height,50);
        .pxToRem(width,50);
    }
}
.main{
    height:80%;
    .pxToRem(padding,80);
    div{
        height: 50%;
        color: #fff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        p{
            .pxToRem(font-size,100);
        }
        h2{
            .pxToRem(font-size,170);
            font-weight: bold;
            .pxToRem(padding-top,50);
        }
    }
    div:nth-child(2){
        border-top: 1px solid #ccc;
        box-sizing: border-box;
    }
}
.footer{
    .pxToRem(height,200);
    text-align: center;
    button{
        width: 80%;
        height: 100%;
        color: #fff;
        background: #24c789;
        border: none;
        border-radius: 30px;
    }
}
